<template>
  <div class="increase-layer">
    <div class="increase-sign increase-sign1"></div>
      <div class="increase-sign increase-sign2"></div>
      <div class="increase-sign increase-sign3"></div>
      <div class="increase-sign increase-sign4"></div>
  </div>
</template>

<script>
export default {
  name: 'IncreaseLayer'
}
</script>

<style lang='less'>
  .increase-layer {

    .increase-sign {
      position: absolute;
      width: 20px;
      height: 20px;
      background-size: 100% 100%;
      z-index: 2;
      background: url("../assets/increase_sign.png") no-repeat;
    }

    .increase-sign1 {
      //left: 8%;
      left:80px;
      top: 10%;
    }

    .increase-sign2 {
      //right: 8%;
      right:80px;
      top: 10%;
    }

    .increase-sign3 {
      //left: 8%;
      left:80px;
      bottom: 10%;
    }

    .increase-sign4 {
      //right: 8%;
      right:80px;
      bottom: 10%;
    }
  }
</style>
